
/*hlavni struktura*/
root { 
    display: block;    
}

objPopisky{
    font-weight: bold;
}

body{
    background: url("imgs/Background-repeat.jpg") top left #F2E9B2 repeat-x;
    margin: 0px;
    font-family: "Times New Roman";
    color: #64645C;
}

div.main{
    position:relative;    
    margin-left: auto;
    margin-right: auto;
    top: 0px;
    width: 1000px;
    min-height: 875px;
    padding-left: 60px;
    padding-right: 60px;
    background-color: #FFFFFF;
}

div.topDiv{    
    height: 100px;         
}

div.cislovaniZpusobuPlatby{
    font-size: xx-large;
 
}

div.menuDiv{    
    float: left;
    width: 250px;
}

div.itemListDiv{     
    width: 700px;
    float: right;
}
div.footerDivTop{
    background-color: #FFFFFF;
    width: 1000px;
    padding-left: 60px;
    padding-right: 60px;
    margin-left: auto;
    margin-right: auto;
}
div.footerDiv{
    height: 25px;
    margin-top: 0px;
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
    background-color: #FFFFFF;
    padding-left: 60px;
    padding-right: 60px;
}
div.whiteLineSimple{
    background: url("imgs/dots.PNG") top left #FFFFFF repeat-x;        
    height: 2px;    
    margin-left: auto;
    margin-right: auto;
}
div.whiteLineDown{
    background: url("imgs/dots.PNG") top left #FFFFFF repeat-x;    
    height: 2px;    
    margin-left: auto;
    margin-right: auto;
}
div.whiteLine{
    background: url("imgs/dots.PNG") top left #FFFFFF repeat-x;    
    height: 2px;
    margin-top: 25px;
    margin-bottom: 25px;
    width: 1000px;
}

/*mouse menu*/
div.userMenu{
    color: #FFFFFF;
    background: #64645C;    
    height: 50px;
    margin-top: 0px;
    margin-right: 0px;
    float: right;    
    width: 650px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;   
    font-weight: bolder;
}

div.kosikMouseOver{
    width: 180px;
    height: 50px;
    background: url("imgs/menuLine.PNG") top right no-repeat;
}
div.kosikMouseOverIN{    
    margin-top: 16px;
    margin-left: auto;    
    margin-right: auto;    
    display: table;
}
div.userMouseOver{
    width: 180px;
    height: 50px;
    background: url("imgs/menuLine.PNG") top right no-repeat;
}
div.userMouseOverIN{
    margin-top: 17px;
    margin-left: auto;    
    margin-right: auto;    
    display: table;
}
div.searchMouseOver{
    width: 290px;
    height: 50px;
}
div.searchMouseOverIN{
    margin-top: 13px;
    margin-left: auto;    
    margin-right: auto;    
    display: table;
}

div.kosikMouseMenu{
    background: white;
    position: absolute;
    top: 51px;
    left: 410px;
    border-radius: 5px;
    border: 1px;
    border-style: solid;
    border-color: #99948C;
    display: none;    
    width: 620px;
}

div.adminMouseMenu{
    background: white;
    position: absolute;
    top: 51px;
    left: 410px;
    border-radius: 5px;
    border: 1px;
    border-style: solid;
    border-color: #99948C;
    display: none;
    height: 50px;
    width: 540px;
}

div.userMouseMenu{
    background: white;
    position: absolute;
    top: 51px;
    left: 410px;
    border-radius: 5px;
    border: 1px;
    border-style: solid;
    border-color: #99948C;
    display: none;
    height: 50px;
    width: 540px;
}

div.clear{    
 clear:both;
}

div.fadeItemDivider{
    background-color: #E8E7E5;
    height: 1px;
    width: 70%;
    margin-left: auto;
    margin-right: auto;    
}

div.fadeItem{
    width: 180px;
    height: 50px;
    background: url("imgs/menuLine.PNG") top right no-repeat #64645C;
}

div.fadeItemNoLine{
    width: 180px;
    height: 50px;    
    background-color: #64645C
}

div.fadeItemIN{
    margin-top: 17px;
    margin-left: auto;    
    margin-right: auto;    
    display: table;
}
div.fadeItemINBig{
    margin-top: 0px;
    margin-left: auto;    
    margin-right: auto;    
    display: table;
}

div.fadeItemSmall{
    width: 70px;
    height: 50px;
    background: url("imgs/menuLine.PNG") top right no-repeat #64645C;
}
div.fadeItemSmallNoLine{
    width: 70px;
    height: 50px;    
    background: #64645C;
}

div.fadeItemBig{
    width: 230px;
    height: 50px;
    background: url("imgs/menuLine.PNG") top right no-repeat #64645C;
}

div.fadeItemBigNoLine{
    width: 230px;
    height: 50px;    
}
/*mouse menu*/
/*menu tree*/
a.menuTop{
    font-weight: bold;    
}

a.tag:hover{
    cursor:pointer;
}

div.horniOdsazeni{
    margin-top: 20px;
}

div.spodniOdsazeni{
    margin-bottom: 20px;
}

span.fontBold{
    font-weight: bolder;
}


/*klasicky*/
.smallText{
    font-size: 13px;
}

.mediumText{
    font-size: 15px;
}

.bigText{
    font-size: 30px;
}



.mediumBigText{
    font-size: 14px;
}

.bold{
    font-weight: bold;
}

.larger{
    font-size: larger;
}
.itemMarginTop{
    margin-top: 47px;
}

.itemMarginLeft{
    margin-left: 46px;
}

.pointer:hover{
    cursor:pointer;
}

.underline{
    text-decoration: underline;
}

.nodecoration{
    text-decoration: none;
}

.itemListOneHoverAnimation:hover{
    border-color: #000000;
}

.floatLeft{
    float: left;
}

.floatRight{
    float: right;
}

.marginBotSmall{
    margin-bottom: 6px;
}
.hoverAnimationBlack:hover{
    border: 1px;
    border-color: #000000;
    border-style: solid;
}

.hoverAnimationBlack{
    border: 1px;
    border-color: #FFFFFF;
    border-style: solid;
}

.greyText{
    color: #FFFFFF;
}

.width1k{
   width: 1000px;
}

.marginBotMedium{
    margin-bottom: 50px;
}
.marginTopMedium{
    margin-top: 51px;
}

.opacityFull{
    opacity: 1;
}

.opacityHalf{
    opacity: 0.3;
}

.centerAll{
    margin-left: auto;
    margin-top: 100px;    
    margin-right: auto;
    display: table;
}

.hidden{
    display: none;
}

.transparent{
    background-color: transparent;
}

.whiteText{
    color: #64645C;
}

.noborder{
    border: 0px; 
}

/*list itemu*/
div.iteListOne{    
    color: #FFFFFF;
    float: left;
    background-color: #64645C;
    position:relative;
    width: 200px;    
    border: 1px;
    border-style: solid;
    border-color: #64645C;
}

div.itemListOne_obrazek{    
    height: 250px;
}

div.itemListOne_text{   
    margin-left: 10px;
    margin-top: 8px;
}

div.itemListOne_cena{    
    margin-left: 10px;
    margin-top: 5px;
}


div.dotOnItem{
    position: absolute;
    top: 281px;
    left: 184px;
}


.rowContainer {
    display: inline-block;
}


span.catName{
    margin-bottom: 4px;
}


img {
    border: 0;
}
/*detail*/
div.detail_obrazek{
    position: absolute;
    width: 200px;
    height: 350px;
    top: 0px;
    left: 0px;     
    background-color: #FFFFFF;
}
div.detail_obrazky{
    position: relative;
    height: 300px;
    width: 200px;
}

div.detail_kroky{
    position: absolute;
    width: 499px;
    height: 350px;
    top: 0px;
    left: 201px;     
    background-color: #FFFFFF;
}


div.detail_popis{
    position: absolute;
    width: 499px;
    min-height: 150px;
    top: 351px;
    left: 201px;        
    background-color: #64645C;
}
div.relative{
    position: relative;
}

div.detail{
    position: relative;
}

div.popisMargin{
    margin: 10px;
}

div.detail_1{
    position: absolute;
    top: 35px;
    left: 80px;    
}

div.detail_2{
    position: absolute;
    top: 66px;
    left: 30px;    
    background:  url("imgs/krokyNew.PNG") top left no-repeat;
    width: 47px;
    height: 198px;
}
div.detail_3{
    position: absolute;
    top: 80px;
    left: 80px;    
}
div.detail_4{
    position: absolute;
    top: 130px;
    left: 80px;    
}
div.detail_5{
    position: absolute;
    top: 180px;
    left: 80px;    
}
div.detail_6{
    position: absolute;
    top: 180px;
    left: 80px;    
}
div.detail_7{
    position: absolute;
    top: 300px;
    left: 30px;    
}
div.detail_8{
    width: 300px;
    position: absolute;
    top: 66px;
    left: 180px;    
}
div.detail_9{
    position: absolute;
    top: 129px;
    left: 180px;   
}

div.detail_cena{
    margin-top: 13px;
    margin-left: 20px;
}
div.detailVelikost{
    margin-left: 20px;
}

div.subImages{
    position: absolute;
    top: 250px;
}

/*specific*/

div.specific1{
    margin-top: 0px;
}

img.logo{
    position: absolute;
    top: 15px;
    left: 60px;
}

img.faceIco{
     position: relative;
    top: 5px;
}

div.odsazeniMale{
    margin-left: 20px;
}

#msg{
    display:none;
}


#leftFade{
    float:left;
    position: relative;
    background:  url("imgs/ContentBackground_BorderLeft.PNG") top left repeat-y;
    left: -67px;
    width: 7px;
    height: 1000px;
}

#rightFade{
    float:left;
    position: relative;
    background:  url("imgs/ContentBackground_BorderRight.PNG") top left repeat-y;
    width: 7px;
    left: 1053px;
    height: 1000px;
}

#fadeDiv{
    position:fixed;
    z-index: -1;
}

img.subImage{
    margin-left: 4px;
    margin-top: 4px;
}

img.subImageNoLeftMargin{
    margin-left: 0px;
}

span.required {
    color: red;
}
/*
input.required {
    color: red;
}*/
#poznamkaFakturacniUdajeDiv{
    margin-top: 15px;
}

#poznamkaFakturacniUdajeSpan{
    display: block;
}


a.minimenu{
    float: right;
}

div.minimenuCatPosition{  
    z-index: 9999;    
}
div.minimenuCatPositionAlwaysVisible{  
    z-index: 9999;    
    padding: 11px;
}

div.addImageToColor{
    padding: 10px;
}

.inline-table{
    display: inline-table;
}
.absolutePos{
    position:absolute;
}
.fixedPos{
    position: fixed;
}